<!DOCTYPE html>
<html>

<head>
    <title>北京站网格化系统</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
    <!-- CSS Libs -->
    <link rel="stylesheet" type="text/css" href="../lib/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/bootstrap-switch.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/checkbox3.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/jquery.dataTables.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/dataTables.bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/select2.min.css">
    <!-- CSS App -->
    <link rel="stylesheet" type="text/css" href="../lib/css/common/style.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/common/themes/flat-blue.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/common/newstyle.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/zc-common.css">

    <!--  -->
    <link rel="stylesheet" type="text/css" href="../lib/js/jquery-treegrid-master/jquery.treegrid.css">
</head>

<body class="flat-blue">
    <div class="app-container expanded">
        <div class="row content-container">
            <nav class="navbar navbar-default navbar-fixed-top navbar-top">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-expand-toggle fa-rotate-90">
                            <i class="fa fa-bars icon"></i>
                        </button>
                        <ul class="nav navbar-nav navbar-left no-border">
                            <li class="active"><a href="./organization-base-depsetting.html">部门设置</a></li>
                            <li class=""><a href="./organization-base-role.html">角色设置</a></li>
                            <li class=""><a href="./organization-base-station.html">岗位设置</a></li>
                            <li class=""><a href="./organization-base-info.html">组织信息</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
            <div class="side-menu sidebar-inverse">
                <nav class="navbar navbar-default" role="navigation">
                    <div class="side-menu-container">
                        <div class="navbar-header">
                            <a class="navbar-brand" href="#">
                                <div class="icon fa fa-train"></div>
                                <div class="title">北京站</div>
                            </a>
                            <button type="button" class="navbar-expand-toggle pull-right visible-xs">
                                <i class="fa fa-times icon"></i>
                            </button>
                        </div>
                        <ul class="nav navbar-nav">
                            <li class="panel panel-default dropdown active">
                                <a data-toggle="collapse"  href="#dropdown-organization">
                                    <span class="icon fa fa-users"></span><span class="title">组织管理</span>
                                </a>
                            </li>
                            <li class="panel panel-default dropdown">
                                <a data-toggle="collapse" href="#dropdown-device">
                                    <span class="icon fa fa-wrench"></span><span class="title">设备管理</span>
                                </a>
                            </li>
                            <li class="panel panel-default dropdown">
                                <a data-toggle="collapse" href="#dropdown-quantitave">
                                    <span class="icon fa fa-trophy"></span><span class="title">量化任务</span>
                                </a>
                            </li>
                            <li class="panel panel-default dropdown">
                                <a data-toggle="collapse" href="#dropdown-info">
                                    <span class="icon fa fa-comment"></span><span class="title">信息管理</span>
                                </a> 
                            </li>
                            <li class="panel panel-default dropdown">
                                <a data-toggle="collapse" href="#dropdown-task">
                                    <span class="icon fa fa-road"></span><span class="title">作业管理</span>
                                </a>
                            </li>
                            <li class="panel panel-default dropdown">
                                <a data-toggle="collapse" href="#dropdown-emergency">
                                    <span class="icon fa fa-bolt"></span><span class="title">应急处置</span>
                                </a>
                            </li>
                        </ul>
                        
                    </div>
                    <!-- /.navbar-collapse -->
                </nav>
                <div class="nav-bar2">
                    <div class="navbar-title">
                        <p class="title">组织管理</p>
                    </div>
                    <div id="dropdown-organization" class="panel-collapse collapse in" aria-expanded="true">
                        <ul class="nav navbar-nav">
                            <li><a href="./organization-base-depsetting.html">基础信息</a></li>
                            <li><a href="./organization-people-base.html">人员信息管理</a></li>
                            <li><a href="./organization-grid-manage.html">网格管理</a></li>
                        </ul>
                    </div>
                    <div id="dropdown-device" class="panel-collapse collapse">
                        <ul class="nav navbar-nav">
                            <li><a href="./device-base.html">设备信息</a></li>
                        </ul>
                    </div>
                    <div id="dropdown-quantitave" class="panel-collapse collapse">
                        <ul class="nav navbar-nav">
                            <li><a href="./quantitave-manage.html">任务管理</a></li>
                        </ul>
                    </div>
                    <div id="dropdown-info" class="panel-collapse collapse">
                        <ul class="nav navbar-nav">
                            <li><a href="./info-manage.html">信息分类</a></li>
                        </ul>
                    </div>
                    <div id="dropdown-task" class="panel-collapse collapse">
                        <ul class="nav navbar-nav">
                            <li><a href="./task-flow.html">作业流程管理</a></li>
                            <li><a href="./task-base.html">作业任务管理</a></li>
                            <li><a href="./task-train-info.html">列车信息管理</a></li>
                        </ul>
                    </div>
                    <div id="dropdown-emergency" class="panel-collapse collapse">
                        <ul class="nav navbar-nav">
                            <li><a href="./emergency-base.html">应急处置管理</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- Main Content -->
            <div class="container-fluid">
                <div class="side-body padding-top">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="card">
                                <div class="elm-wrap">
                                    <button type="button" onclick="editing(this,'devAddRoot')" class="btn btn-info">添加部门</button>
                                    <button type="button" class="btn btn-default">批量导入</button>
                                </div>
                                <div class="elm-wrap">
                                    <table id="tb" >
                                            
                                    </table>     
                                </div> 
                            </div>
                             
                        </div>   
                    </div>
                </div>
            </div>
            <div class="modal fade" id="modalEdit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="myModalLabel">添加子部门</h4>
                        </div>
                        <div class="modal-body">
                            <div class="" style="padding:5px;">
                                <form class="form-horizontal depform">
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">上级部门：</label>
                                            <div class="col-sm-10">
                                                <p class="form-control-static pdep">北京铁路局北京火车站</p>
                                                <input type="hidden" value="" class="pid" name="pid">
                                                <input type="hidden" value="" class="did" name="did">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">部门名称：</label>
                                            <div class="col-sm-10">
                                                <input type="text" name="depname" class="form-control depname" id="" placeholder="">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">车间类型：</label>
                                            <div class="col-sm-10">
                                                <select class="form-control deptype" name="deptype">
                                                    <option value="1">客运车间</option>
                                                    <option value="2">售票车间</option>
                                                    <option value="3">运转车间</option>
                                                    <option value="4">房修车间</option>
                                                    <option value="5">信息化车间</option>
                                                    <option value="6">保洁车间</option>
                                                    <option value="7">后勤车间</option>
                                                    <option value="8">商服车间</option>
                                                    <option value="9">行装车间</option>
                                                    <option value="10">上水车间</option>
                                                </select>  
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">部门描述：</label>
                                            <div class="col-sm-10">
                                                    <textarea class="form-control desc" rows="3" placeholder="不能超过100个字"></textarea>
                                            </div>
                                        </div>
                                    </form>
                            </div>    
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                            <button type="button" class="btn btn-info" onclick="updated()">确定</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="modalDel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="myModalLabel2">删除部门</h4>
                            <input type="hidden" value="" class="did" name="did">
                        </div>
                        <div class="modal-body">
                            确定删除该部门么？如果该部门有子部门的话将一并删除哦！
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                            <button type="button" class="btn btn-info del" onclick="updatedDel()">确定</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="modalTips" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true">
                <div class="modal-dialog modal-sm">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="myModalLabel3">提示</h4>
                        </div>
                        <div class="modal-body">
                            温馨提示
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <footer class="app-footer">
            <div class="wrapper">
                
            </div>
        </footer>
        <div>
            <!-- Javascript Libs -->
            <script type="text/javascript" src="../lib/js/jquery.min.js"></script>
            <script type="text/javascript" src="../lib/js/bootstrap.min.js"></script>
            <script type="text/javascript" src="../lib/js/Chart.min.js"></script>
            <script type="text/javascript" src="../lib/js/bootstrap-switch.min.js"></script>
            <script type="text/javascript" src="../lib/js/jquery.matchHeight-min.js"></script>
            <script type="text/javascript" src="../lib/js/jquery.dataTables.min.js"></script>
            <script type="text/javascript" src="../lib/js/dataTables.bootstrap.min.js"></script>
            <script type="text/javascript" src="../lib/js/select2.full.min.js"></script>
            <script type="text/javascript" src="../lib/js/ace/ace.js"></script>
            <script type="text/javascript" src="../lib/js/ace/mode-html.js"></script>
            <script type="text/javascript" src="../lib/js/ace/theme-github.js"></script>
            <!-- Javascript -->
            <script type="text/javascript" src="../lib/js/common/app.js"></script>
            <!-- <script type="text/javascript" src="../lib/js/common/index.js"></script> -->
            <!-- Javascript -->
            <script src="../lib/js/jquery-treegrid-master/jquery.treegrid.min.js"></script>
            <script src="../lib/js/jquery-treegrid-master/jquery.treegrid.bootstrap3.js"></script>
            <script src="../lib/js/jquery-treegrid-master/jquery.treegrid.extension.js"></script>
            <script type="text/javascript">
            $.ajax({
                url:serverUrl.base+serverUrl.department+'department_list',
                    type:"post",
                    data:{},
                    dataType:"json",
                    success:function(res){
                        console.log(res)
                    },
                    complete:function(res){
                        $('body').loading('close')
                    }
                })
                $.ajax({
                url:serverUrl.base+'Grid/Count/record',
                    type:"post",
                    data:{
                        start_time:'2017-12-10',
                        end_time:'2017-12-10'
                    },
                    dataType:"json",
                    success:function(res){
                        console.log(res)
                    },
                    complete:function(res){
                        $('body').loading('close')
                    }
                })



</script>
</body>

</html>
